type Props = {};
import type { DatePickerProps } from "antd";
import { DatePicker, Select } from "antd";
import "../../../style/updata/index.css"

const handleChange = (value: string) => {
  console.log(`selected ${value}`);
};
const onChange: DatePickerProps["onChange"] = (date, dateString) => {
  console.log(date, dateString);
};

const LouXinXi = (props: Props) => {
  return (
    <div className="faaafa">
      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 50,
        }}
      >
        *所属区域
        <Select
          defaultValue="请选择"
          style={{ width: 120, marginLeft: 10 }}
          allowClear
          options={[{ value: "1", label: "请选择" }]}
        />
        <Select
          defaultValue="请选择"
          style={{ width: 120, marginLeft: 10 }}
          allowClear
          options={[{ value: "1", label: "请选择" }]}
        />
      </div>

      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 50,
        }}
      >
        *楼盘名称
        <input
          placeholder="楼盘名称"
          style={{
            width: 250,
            height: 30,
            background: "none",
            outline: "none",
            borderColor: "#ccc",
            marginLeft: 10,
          }}
        />
        <span>
          <span style={{ marginLeft: 50 }}>*均价</span>
          <input
            placeholder="3000000"
            style={{
              width: 250,
              height: 30,

              outline: "none",
              borderColor: "#ccc",
              marginLeft: 10,
            }}
          />
          <Select
            defaultValue="元/m"
            style={{ width: 120, marginLeft: 10 }}
            allowClear
            options={[{ value: "1", label: "万/套" }]}
          />
        </span>
      </div>

      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 50,
        }}
      >
        *楼盘地址
        <input
          placeholder="例：海秀路104号"
          style={{
            width: 250,
            height: 30,
            background: "none",
            border: "1px solid #ccc",
            outline: "none",

            marginLeft: 10,
          }}
        />
        <span style={{ marginLeft: 50 }}>售楼处地址</span>
        <input
          placeholder="例：海秀路104号"
          style={{
            width: 250,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
      </div>
      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 40,
        }}
      >
        开盘时间@
        <DatePicker onChange={onChange} style={{ marginLeft: 10, width: 90 }} />
        <input
          placeholder="1#，2#已开盘"
          style={{
            width: 150,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
        <span style={{ marginLeft: 50 }}>交房时间</span>
        <DatePicker onChange={onChange} style={{ marginLeft: 10, width: 90 }} />
        <input
          placeholder="1#,2#已经交房"
          style={{
            width: 150,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
      </div>

      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 56,
        }}
      >
        售楼电话
        <input
          placeholder="0898-32266803"
          style={{
            width: 130,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
        <span style={{ color: "#ccc", marginLeft: 10 }}>转</span>
        <input
          placeholder="8888"
          style={{
            width: 85,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
        <span style={{ marginLeft: 60 }}>预售证号</span>
        <input
          placeholder="[2014]海房预子(0076)号"
          style={{
            width: 250,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
      </div>

      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 70,
        }}
      >
        开发商
        <input
          placeholder="富力地产"
          style={{
            width: 250,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
        <span style={{ marginLeft: 60 }}>地图坐标</span>
        <input
          placeholder="115.345.55.1349"
          style={{
            width: 160,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 10,
          }}
        />
        <button
          style={{
            width: 80,
            height: 35,
            marginLeft: 10,
            color: "white",
            backgroundColor: "#ccc",
            border: "1px solid #ccc",
          }}
        >
          标注位置
        </button>
      </div>

      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 40,
        }}
      >
        购房红包@{" "}
        <input
          placeholder="115.345.55.1349"
          style={{
            width: 250,
            height: 30,
            background: "none",
            outline: "none",
            border: "1px solid #ccc",
            marginLeft: 4,
          }}
        />
        <span style={{ color: "#ccc", marginLeft: 10 }}>元</span>
      </div>

      <div
        style={{
          width: "100vw",
          height: "8vh",
          fontSize: 12,
          marginLeft: 40,
        }}
      ></div>
    </div>
  );
};

export default LouXinXi;
